<template>
  <div>
    <h1>获取设备类型示例</h1>
    <h2>{{text}}</h2>
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: ''
    }
  },
  mounted() {
    this.isWeiXin = this.$getDeviceInfo().isWeiXin
    if (this.$getDeviceInfo().isPhone) {
      this.text += '设备是手机 '
    }
    if (this.$getDeviceInfo().isAndroid) {
      this.text += '设备是安卓 '
    }
    if (this.$getDeviceInfo().isIOS) {
      this.text += '设备是iPhone '
    }
    if (this.$getDeviceInfo().isWeiXin) {
      this.text += '设备是微信浏览器'
    }
  }
}
</script>

<style scoped>
h1 {
  font-size: 0.5rem;
}
h2 {
  font-size: 0.4rem;
}
</style>
